<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="/bigjo/js/jquery.js"></script>
<title>Insert title here</title>
</head>
<style type="text/css">
	#countrylikediv{
		position:relative;
		width: 100px;
		float: left;
	}
	#countrylikenav li{
		list-style-type: none;
		margin-bottom: 5px;
	}
	
	#countrylikeul{
		margin-left: -50px;
	}
	
	.countryDiv{
		position:absolute;
		margin-left:60px;
		width:850px;
		float: left;
		
	}
	
</style>
<script type="text/javascript">
	/* 서울 클릭  */
	jQuery.noConflict();
	jQuery(".country1").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/seoulgender.areagender",
			success:function(data){
				jQuery(".countryDiv").html(data);
			}
		});
	});
	
	/* 광주 클릭  */
	jQuery.noConflict();
	jQuery(".country2").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/gwangjugender.areagender",
			success:function(data){
				jQuery(".countryDiv").html(data);
			}
		});
	});
	
	/* 대구 클릭  */
	jQuery.noConflict();
	jQuery(".country3").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/degoo.areagender",
			success:function(data){
				jQuery(".countryDiv").html(data);
			}
		});
	});
	
	/* 대전 클릭  */
	jQuery.noConflict();
	jQuery(".country4").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/dejun.areagender",
			success:function(data){
				jQuery(".countryDiv").html(data);
			}
		});
	});
	
	/* 울산 클릭  */
	jQuery.noConflict();
	jQuery(".country5").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/woolsan.areagender",
			success:function(data){
				jQuery(".countryDiv").html(data);
			}
		});
	});
	
	/* 강원도 클릭  */
	jQuery.noConflict();
	jQuery(".country6").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/kangwondo.areagender",
			success:function(data){
				jQuery(".countryDiv").html(data);
			}
		});
	});
	
	/* 경기도 클릭  */
	jQuery.noConflict();
	jQuery(".country7").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/kunggido.areagender",
			success:function(data){
				jQuery(".countryDiv").html(data);
			}
		});
	});
	
	/* 경상도 클릭  */
	jQuery.noConflict();
	jQuery(".country8").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/kungsangdo.areagender",
			success:function(data){
				jQuery(".countryDiv").html(data);
			}
		});
	});
	
	/* 전라도 클릭  */
	jQuery.noConflict();
	jQuery(".country9").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/junrado.areagender",
			success:function(data){
				jQuery(".countryDiv").html(data);
			}
		});
	});
	
	/* 충청도 클릭  */
	jQuery.noConflict();
	jQuery(".country10").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/choongchungdo.areagender",
			success:function(data){
				jQuery(".countryDiv").html(data);
			}
		});
	});
	
	/* 세종시 클릭  */
	jQuery.noConflict();
	jQuery(".country11").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/sejong.areagender",
			success:function(data){
				jQuery(".countryDiv").html(data);
			}
		});
	});
	
	/* 제주도 클릭  */
	jQuery.noConflict();
	jQuery(".country12").click(function(){
		var idx = document.URL.indexOf("bigjo");
		var str = document.URL.substring(0,idx+5);	
		 jQuery.ajax({
			url : str+"/jejoo.areagender",
			success:function(data){
				jQuery(".countryDiv").html(data);
			}
		});
	});
</script>



<body>
	<div id="countrylikediv">
			<nav id="countrylikenav">
				<ul id="countrylikeul">
					<li><a class="country1">서울</a></li>
					<li><a class="country2">광주</a></li>
					<li><a class="country3">대구</a></li>
					<li><a class="country4">대전</a></li>
					<li><a class="country5">울산</a></li>
					<li><a class="country6">강원도</a></li>
					<li><a class="country7">경기도</a></li>
					<li><a class="country8">경상도</a></li>
					<li><a class="country9">전라도</a></li>
					<li><a class="country10">충청도</a></li>
					<li><a class="country11">세종시</a></li>
					<li><a class="country12">제주도</a></li>
				</ul>
			</nav>
	</div>
	<div class="countryDiv">
	
	</div>
</body>
</html>